<route>
    {
        meta: {
            layout: 'index',
            title:'测前设计'
        }
    }  
</route>
<template>
    <div>
        <a-steps v-model:current="current">
            <a-step title="导入数据" />
            <!-- <a-step title="选择施工工艺" description="" /> -->
            <a-step @click="echartsImg" title="选择工艺和仪器" description="" />
            <a-step title="力学计算" description="" />
            <!-- <a-step title="生成报告" description="" /> -->
        </a-steps>
        <br>
        <DataManagement ref="DataManagementRef" v-if="current === 0"></DataManagement>
        <InsManagement v-if="current === 1"></InsManagement>
        <AnalysisManagement v-if="current === 2"></AnalysisManagement>
        <!-- <ReportManagement v-if="current === 3"></ReportManagement> -->
    </div>
</template>

<script setup>
import DataManagement from "./components/data/index.vue"
import InsManagement from "./components/instrument/index.vue"
import ToolManagement from "./components/tool/index.vue"
import AnalysisManagement from "./components/analysis/index.vue"
// import ReportManagement from './components/report/index.vue'
import { SlidersOutlined, UnorderedListOutlined, BoxPlotOutlined } from '@ant-design/icons-vue';

const current = ref(0)
</script>
<style scoped>
.steps-content {
    margin-top: 16px;
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
    padding-top: 80px;
}

.steps-action {
    margin-top: 24px;
}

[data-theme='dark'] .steps-content {
    background-color: #2f2f2f;
    border: 1px dashed #404040;
}
</style>